﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <div class="easyui-layout" fit="true" style="padding: 1px;">
        <div data-options="region:'north',split:false," style="height: 34px; overflow: hidden;">
            <div id="dlg-toolbar">
                <table style="width: 100%; margin: 0px; padding: 0px;">
                    <tr>
                        <td style="padding-left: 2px">
                            <a id="save" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true,">保存</a>
                            <a id="help" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true,">帮助</a>
                            <a id="close" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-no',plain:true," onclick="javascript:$('#dialog1').dialog('close');">关闭</a>
                        </td>
                        <td style="text-align: right; padding-right: 2px">
                            <input class="easyui-searchbox" data-options="prompt:'Please input somthing'" style="width: 150px" />
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div data-options="region:'center'," style="padding: 1px;">
            <br />
            <br />
            <br />
            <br />
            <br />
            <div style="text-align: center;">
                <h1 id="go" style="cursor: pointer;">... Go ...</h1>
                <h1 id="block">... Change ...</h1>
                通用测试页面
                <hr style="width: 60%;" />
                本项功能开发中，请稍候…
            </div>
        </div>
    </div>
    <script type="text/javascript">
        (function ($) {
            $.getScript("http://code.jquery.com/color/jquery.color-2.1.0.min.js",
             function () {
                 $("#go").click(function () {
                     $("#block").animate({ backgroundColor: 'pink', color: 'red', }, 1000)
                       .animate({ backgroundColor: 'blue', color: 'white', }, 1000);
                 });
             });
        })(jQuery);
    </script>
</body>
</html>
